/*全局样式*/
body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0; outline: none;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-size: 14px;color: #333; outline:none;}
input[type="submit"],input[type="button"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-size: 14px;color: #333;cursor: pointer; outline:none;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="button"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #F2F2F2;border-radius: 0;}
body *::-webkit-scrollbar-thumb{background: #1264C0;border-radius: 0;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*背景图片*/
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
/*按钮背景动效*/
.ani-btn{z-index: 1;position: relative;overflow: hidden;}
.ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #AE0202;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #AE0202!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*常用定位*/
.top50{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.left50{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.topleft50{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
/*flex*/
.disflex{display: flex;}
.flexCenter{display: flex; justify-content: center; align-items: center;}
.flexbetween{display: flex; justify-content: space-between; align-items: center;}
/*字号通用*/
.fz32{font-size: 32px;}
.fz30{font-size: 30px; }
.fz28{font-size: 28px; }
.fz26{font-size: 26px; }
.fz25{font-size: 25px; }
.fz24{font-size: 24px;}
.fz22{font-size: 22px;}
.fz20{font-size: 20px;}
.fz18{font-size: 18px; }
.fz16{font-size: 16px;}
.fz14{font-size: 14px;}
.mainColor{ color: #146ED1;}

.w1400{max-width: 1400px; width: 88%; margin: 0 auto;}
#page{background: #fff;}

/*header*/
.header{position: ; background: url(../images/headerBg.jpg) no-repeat center center; background-size: cover; height: 317px;}
.header .box{ height: 100%; display: flex; justify-content: space-between; align-items: center;}
.header .box .logo img{ display: block;}
.header .box .right .phone{ display: flex; align-items: center; color: #044792; justify-content: flex-end; margin-bottom: 20px; opacity: 0.8; padding-right: 6px;}
.header .box .right .phone b{ font-weight: bold; color: #044792; font-size: 20px; font-family: arial;}
.header .box .right .phone img{ margin-right: 4px;}
.header .box .right .form form{ display: flex; justify-content: space-between; width: 276px; height: 46px; line-height: 46px; background: #fff; border-radius: 23px; padding: 0 17px; box-sizing: border-box;}
.header .box .right .form form .text{ width: calc(100% - 20px); padding: 0 12px; box-sizing: border-box;}
.header .box .right .form form .button{background: url(../images/svg/icon_search.svg) no-repeat center; height: 100%; width: 15px; cursor: pointer;}
.header .searchIcon{ display: none;}
/*手机导航按钮*/
.menu{ display: none; width: 25px; margin-left: 25px;}
.menu span{display: block;width: 100%;height: 2px;background: #146ED1;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menu span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;}
.menu span:nth-child(3){animation-delay: 1.0s;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}
/*导航*/
.nav-box{ position: relative; background: #1264C0; z-index: 13;}
.nav-box .nav > li{position: relative;float: left;line-height: 80px; width: 14.28%;}
.nav-box .nav > li > a{position: relative;display: block; width: 100%; text-align: center; font-size: 20px;color: #fff; z-index: 1; box-sizing: border-box; transition: 0.3s; font-weight: bold;}
.nav-box .nav > li > a::before{content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 18px;background:rgba(255,255,255,0.3); margin-top: -9px;}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%; background-color: #fff;transform: translateX(-50%); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.nav-box .nav-2nd > li{}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 22px;text-align: center; font-size: 16px; transition: 0.3s; -weblit-transition: 0.3s; color: #333; transition: 0.3s;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s; -weblit-transition: 0.3s;}
.nav-box .nav > li:hover > a{ background: rgba(0,0,0,0.2);}
.nav-box .nav > li:hover > a{ color: #fff;}
.nav-box .nav > li.on > a{background: rgba(0,0,0,0.2);}
.nav-box .nav-2nd > li > a:hover{background: #1264C0; color: #fff;}
.nav-box .nav > li.on > a{color: #fff;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}
/*搜索弹窗*/
.searchTan{ display: none; border-radius: 8px; overflow: hidden;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 50px; margin: auto; }
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 50px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 16px; border-radius: 40px;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 52px; height: 52px; background:url(../images/svg/icon_search.svg) center no-repeat; background-size: 24px 24px; border: none;  border-radius: 50%;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -40px;top: -50px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "";position: absolute;width: 34px;height: 34px;font-size: 30px;text-align: center;line-height: 26px;font-weight: bold; color: #c4c4c4; font-weight: bold; background: url(../images/svg/colse.svg) no-repeat 0 0; background-size: cover;}
/*首页*/
.indexBox{position: relative; z-index: 1; padding-top: 1px;}
.indexBox::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 820px; background: linear-gradient(#EFF6FF,#fff); z-index: -1;}
.indexPart{ margin-top: 50px;}
.indexTab{ position: relative; padding-bottom: 11px; border-bottom: 2px #F0F0F0 solid;}
.indexTab .more{position: absolute; top: 0; right: 0; font-size: 14px; color: #999999; margin: 0; padding: 0;}
.indexTab .more .imore{font-size: 14px; color: #999999; margin: 0; padding: 0;}
.indexTab .more .imore2{display: none;}
.indexTab .more .imore::after{ display: none;}
.indexTab a{position: relative; font-size: 22px; color: #666666; transition: 0.3s; display: inline-block; padding-right: 25px; margin-right: 25px; line-height: 22px;}
.indexTab span a:last-child::after{ display: none;}
.indexTab a::after{ content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 18px; background: #D8D8D8;}
.indexTab a::before{content: ""; position: absolute; bottom: -14px; left: 0; width: 0; height: 4px; background: #146ED1; transition: 0.4s;}
.indexTab a:last-child::after{ display: none;}
.indexTab a.on::before{width: calc(100% - 25px);}
.indexTab a.on{ color: #146ED1;font-weight: bold;}
.indexTab a:hover{ color: #146ED1; }
.indexTab .more a:hover{ color: #146ED1; }
/*indexOne*/
.indexOne{ background: #fff; height: 120px; }
.indexOne .scrollBox{ width: calc(100% - 60px); overflow: hidden; height: 100%;}
.indexOne .scrollBox ul li a{display: flex; justify-content: space-between; height: 100%; overflow: hidden; padding-top: 30px; box-sizing: border-box;}
.indexOne .scrollBox ul li a .time{float: left; position: relative; width: 126px; text-align: right; padding-right: 24px; padding-left: 24px; box-sizing: border-box; text-align: center;}
.indexOne .scrollBox ul li a .time .txt img{ width: 70px;}
.indexOne .scrollBox ul li a .time::before{ content: ""; position: absolute; top: 7%; right: 0; width: 1px; height: 50px; background: #D8D8D8; }
.indexOne .scrollBox ul li a .time b{ display: block; font-size: 30px; color: #111111; font-family: arial; font-weight: 500;}
.indexOne .scrollBox ul li a .time span{ font-size: 22px; color: #999999; font-family: arial;}
.indexOne .scrollBox ul li a .text{ float: right; width: calc(100% - 126px); padding: 0 30px; box-sizing: border-box; text-align: center;}
.indexOne .scrollBox ul li a .text h3{ font-size: 26px; color: #333333; line-height: 28px; height: 28px; transition: 0.3s;}
.indexOne .scrollBox ul li a:hover .text h3{ color: #146ED1;}
.indexOne .scrollBox ul li a .text .txt{ font-size: 16px; line-height: 32px; height: 32px; margin-top: 6px;}
.indexOne .scrollBtn{ width: 60px; background: #F8F8F8; height: 100%;}
.indexOne .scrollBtn .btn{position: relative; height: 50%; cursor: pointer; }
.indexOne .scrollBtn .btn img{filter: brightness(0) invert(0.8); transition: 0.3s;}
.indexOne .scrollBtn .btn.btnPrev{transform: rotate(180deg);}
.indexOne .scrollBtn .btn.btnPrev::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #EDEDED; filter: none; opacity: 1;}
.indexOne .scrollBtn .btn:hover img{filter: none;}
/*indexTwo*/
.indexTwo{ align-items: flex-start;}
.indexTwo .picBox{ width: 728px; height: 469px; overflow: hidden; position: relative;}
.indexTwo .picBox ul li a{ display: block; height: 100%;}
.indexTwo .picBox ul li a em{position: relative; display: block; height: 100%; transition: 0.8s;}
.indexTwo .picBox ul li a .text{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 60px 110px 30px 26px; box-sizing: border-box; color: #fff; background: linear-gradient(transparent,rgba(0,0,0,0.5)); }
.indexTwo .picBox ul li a .text h3{ font-weight: normal; font-size: 18px; height: 20px; line-height: 20px; margin-top: 8px; transition: 0.4s;}
.indexTwo .picBox ul li a .text .time{ font-size: 16px; font-family: arial;}
.indexTwo .picBox .btn{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 45px; height: 94px; background: rgba(10,10,10,0.25); z-index: 13; cursor: pointer; transition: .4s;}
.indexTwo .picBox .btn img{ opacity: 0.64; transition: 0.4s; filter: brightness(0) invert(1);}
.indexTwo .picBox .btn.btnPrev{ right: auto; left: 0; transform:translateY(-50%) rotate(180deg) ;}
.indexTwo .picBox .btn:hover img{ opacity: 1;}
.indexTwo .picBox .swiper-pagination{width: auto; left: auto; right: 30px; bottom: 30px;}
.indexTwo .picBox .swiper-pagination span{ width: 9px; height: 9px; background: #fff; opacity: 0.5; transition: 0.3s; margin: 0 2px !important;}
.indexTwo .picBox .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1; width: 28px; border-radius: 4px;}
.indexTwo .picBox ul li a:hover em{ transform: scale(1.05);}
.indexTwo .textBox{ width: calc(100% - 764px);}
.indexTwo .textBox .box{ overflow: hidden;}
.indexList li a{position: relative; height: 54px; line-height: 54px; border-bottom: 1px #eee solid; padding-left: 18px; transition: 0.4s; box-sizing: border-box;}
.indexList li a::before{ content: ""; position: absolute; top: 52%; transform: translateY(-50%); left: 0; width: 7px; height: 7px; background: #D8D8D8; border-radius: 50%; transition: 0.4s;}
.indexList li a p{ font-size: 16px; color: #333333; transition: 0.4s; width: calc(100% - 104px); height: 54px;}
.indexList li a i{color: #666666;}
.indexList li a:hover{ padding-left: 30px;}
.indexList li a:hover::before{ width: 17px; border-radius: 4px; background: #146ED1;}
.indexList li a:hover::before{ color: #146ED1;}
.indexList li a:hover p{ color: #146ED1;}
/*indexThree*/
.indexThree{ overflow: hidden; position: relative;}
.indexThree ul li a{display: block; padding-bottom: 11.43%;}
.indexThree .swiper-pagination span{ width: 9px; height: 9px; background: #fff; opacity: 0.6; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.indexThree .swiper-pagination span.swiper-pagination-bullet-active{ width: 28px; border-radius: 4px; opacity: 1;}
/*indexFour*/
.indexFour .box{ padding-top: 20px; overflow: hidden;}
.indexFour .box ul li a{position: relative; display: block; transition: 0.4s;}
.indexFour .box ul li em{display: block; padding-bottom: 36.58%;}
.indexFour .box ul li a .title{ position: absolute; top: 46%; left: 30px; font-size: 22px; color: #146ED1; font-weight: bold; padding-bottom: 8px; transform: translateY(-50%); transition: 0.4s;}
.indexFour .box ul li a .title::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 30px; height: 3px; background: #146ED1;}
.indexFour .box ul li a:hover { transform: translateY(-6px);}
/*indexFive*/
.indexFive{ align-items: flex-start;}
.indexFive .left{ width: 26%;}
/* .indexFive .left .indexTab{ margin-bottom: 10px;} */
.indexFive .left .list li{ margin-top: 18px;}
.indexFive .left .list li a{ padding-bottom: 16px; border-bottom: 1px #eee solid;}
.indexFive .left .list li a .time{position: relative; width: 100px; padding-left: 23px; box-sizing: border-box; font-family: arial;}
.indexFive .left .list li a .time::before{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #D8D8D8;}
.indexFive .left .list li a .time b{ font-size: 22px; font-weight: bold; color: #666;}
.indexFive .left .list li a .time span{ color: #999999; display: block; margin-top: 4px;}
.indexFive .left .list li a h3{ width: calc(100% - 124px); font-size: 16px; font-weight: normal; line-height: 26px; height: 52px;}
.indexFive .left .list li a:hover{ border-color: #146ED1;}
.indexFive .left .list li a:hover .time b{ color: #146ED1;}
.indexFive .left .list li a:hover h3{ color: #146ED1;}
.indexFive .center{ width: 38%; overflow: hidden;}
.indexFive .indexList li a{ height: 58px; line-height: 58px;}
.indexFive .right{position: relative; width: 30%;}
.indexFive .right img{ height: 144px; margin-bottom: 4px;}
.indexFive .right .indexTab{position: absolute; top: 0; left: 0; width: 100%; border: none;}
.indexFive .right .indexTab a.on{color: #D80000;}
.indexFive .right .indexTab a::before{ display: none;}
.indexFive .right .list{ margin-top: -3px;}
.indexFive .right .list li{ margin-top: 8px;}
.indexFive .right .list li a{ display: block; padding-bottom: 11px; border-bottom: 1px #eee solid;}
.indexFive .right .list li a .time{ color: #666666;}
.indexFive .right .list li a h3{ color: #333333; font-size: 16px; font-weight: normal; height: 18px; line-height: 18px; margin-top: 2px; transition: 0.4s;}
.indexFive .right .list li a:hover h3{ color: #146ED1; padding-left: 10px;}
/*indexSix*/
.indexSix{align-items: flex-start; }
.indexSix .left{ width: 72%;}
.indexSix .left .box{ padding: 24px 4px 10px 4px; overflow: hidden; }
.indexSix .left .box ul li a{ display: block; transition: 0.4s;}
.indexSix .left .box ul li .pic{position: relative; overflow: hidden;}
.indexSix .left .box ul li .pic em{ display: block; padding-bottom: 215px;}
.indexSix .left .box ul li .pic .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); transition: 0.5s;}
.indexSix .left .box ul li .text{ background: #F5F5F5; padding:20px 25px;}
.indexSix .left .box ul li .text h3{ color: #333; font-weight: normal; font-size: 16px; height: 26px; line-height: 26px;}
.indexSix .left .box ul li .text .time{ color: #146ED1; margin-top: 4px;}
.indexSix .left .box ul li .text .time img{ position: relative; top: 2px; margin-right: 9px;}
.indexSix .left .box ul li a:hover{ box-shadow: 0 0 10px rgba(0,40,83,0.2);}
.indexSix .left .box ul li a:hover .pic .mask{background: rgba(0,60,125,0.5);}
.indexSix .left .box ul li a:hover .text{ background: #fff;}
.indexSix .left .box ul li a:hover .text h3{ color: #146ED1;}
.indexSix .right{ width: 25%;}
.indexSix .right .pic{margin-top: 23px; overflow: hidden;}
.indexSix .right .pic a{ display: block; padding-bottom: 131px; transition: 0.6s;}
.indexSix .right .pic a:hover{ transform: scale(1.05);}
.indexSix .right .indexList li a{ height: 58px; line-height: 58px;}
.indexSix .right .indexList li a p{ width: 100%;}
/*indexSeven*/
.indexSeven{ margin-bottom: 49px;}
.indexSeven .box{position: relative; margin-top: 24px; overflow: hidden; padding-bottom: 58px;}
.indexSeven .box ul li .pic em{display: block; padding-bottom: 67.54%;}
.indexSeven .box ul li p{ text-align: center; font-size: 18px; height: 20px; line-height: 20px; margin-top: 18px;}
.indexSeven .box ul li a{ display: block;}
.indexSeven .box ul li a:hover p{ color: #146ED1;}
.indexSeven .btn{ width: 33px; height: 70px; top: 42%;}
.indexSeven .btn img{ width: 14px;}
.indexSeven .btn{ position: absolute; top: 33.4%; right: 0; transform: translateY(-50%); width: 45px; height: 94px; background: rgba(10,10,10,0.25); z-index: 13; cursor: pointer; transition: .4s;}
.indexSeven .btn img{ opacity: 0.64; transition: 0.4s; filter: brightness(0) invert(1);}
.indexSeven .btn.btnPrev{ right: auto; left: 0; transform:translateY(-50%) rotate(180deg) ;}
.indexSeven .btn:hover img{ opacity: 1;}
.indexSeven .swiper-pagination{width: 100%; left: 0; bottom: 0;}
.indexSeven .swiper-pagination span{ width: 9px; height: 9px; background: #C7C7C7; opacity: 0.5; transition: 0.3s; margin: 0 2px !important;}
.indexSeven .swiper-pagination span.swiper-pagination-bullet-active{ background: #146ED1; opacity: 1; width: 28px; border-radius: 4px;}

.indexSevenTan{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); z-index: 90; cursor: pointer;}
.indexSevenTan .box{position: absolute; top: 50%; left: 50%; height: 60%; width: 600px; transform: translate(-50%,-50%);}
.indexSevenTan .box .close{position: absolute; top: -40px; right: -30px; font-size: 40px; color: #fff; font-weight: bold;}
.indexSevenTan .box .img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; max-height: 100%; max-width: 100%;}

.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.6); opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease }
.Gallery.show { opacity: 1 }
.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease }
.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0,0,0,.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120 }
.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed }
.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120 }
.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer }
.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer }
.Gallery img { max-height: 87%; max-width: 99% }
.Gallery.Gallery-none img { max-height: 100%; max-width: 99% }
.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0) }
.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px }
.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px }
.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px }
.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px }
.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0 }
.g-list span { display: inline-block; vertical-align: middle; height: 100% }
.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease }
.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing }
.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px }
.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent }
.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff }
.g-close { cursor: pointer }
.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px }
.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px }
.g-top button:hover { opacity: 1 }

/*footer*/
.footer{ background: url(../images/footer.jpg) no-repeat center; background-size: cover; padding: 58px 0 40px 0; color: #fff; position: relative; z-index: 14;}
.footer .w1400{ align-items: flex-start; flex-direction: row-reverse;}
.footer .left{ width: calc(100% - 203px);}
.footer .left .link i{ font-size: 16px; color: rgba(255,255,255,0.8);}
.footer .left .link .item{position: relative; width: 28.67%;}
.footer .left .link .item span{position: relative; height: 48px; line-height: 48px; display: block; background: rgba(255,255,255,0.16); padding-left: 28px; box-sizing: border-box; color: rgba(255,255,255,0.6); cursor: pointer; font-size: 16px;}
.footer .left .link .item span::before{ content: ""; position: absolute; top: 0; right: 0; width: 48px; height: 100%;background: rgba(255,255,255,0.16); }
.footer .left .link .item span::after{content: ""; position: absolute; top: 20px; right: 18px; width: 0; height: 0; border: 6px transparent solid; border-top-color:#fff ; }
.footer .left .link .item ul{display: none; position: absolute; bottom: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 10px 28px; box-sizing: border-box;}
.footer .left .link .item ul li a{ display: block; line-height: 22px; padding: 6px 0; transition: 0.3s; font-size: 16px;}
.footer .left .link .item ul li a:hover{ color: #146ED1;}
.footer .left .textBox{ margin-top: 24px; border-top: 1px rgba(255,255,255,0.1) solid; opacity: 0.8; line-height: 32px; padding-top: 17px; font-size: 16px;}
.footer .left .textBox p span{ padding-right: 14px;}
.footer .left .textBox p a{color: #fff; transition: 0.3s;}
.footer .left .textBox p a img{position: relative; top: 4px; margin-right: 6px;}
.footer .left .textBox p a:hover{opacity: 0.6;}
.footer .right{ width: 110px; text-align: center;}
.footer .right img{ width: 100%; display: block;}
.footer .right p{opacity: 0.7; margin-top: 10px;}

/*内页公用*/
.inpageCon{ background: #F5F8FC; padding: 40px 0; min-height: calc(100vh - 649px); box-sizing: border-box;}
.inpageCon > .w1400{ align-items: flex-start;}
.inpageNav{width: 330px; background: #fff;}
.inpageNav .title{display: flex; align-items: center; padding: 0 43px; height: 90px; line-height: 90px; background: url(../images/inpageNavBg.jpg) no-repeat bottom right; background-size: cover;}
.inpageNav .title h3{font-weight: 500; color: #fff;}
.inpageNav ul{ border: 1px #E8E8E8 solid; border-bottom: none;}
.inpageNav ul li a{position: relative; display: block; line-height: 30px; border-bottom: 1px #E8E8E8 solid; padding:20px 43px; transition: 0.4s;}
.inpageNav ul li a span{position: relative; display: block; box-sizing: border-box; color: #333333; transition: 0.4s; padding-right: 50px;}
.inpageNav ul li a span::before{ content: ""; position: absolute; top:8px;  left: 0; width: 2px; height: 0; background: #1264C0; transition: 0.4s;}
.inpageNav ul li a i{position: absolute; top: 29px; right: 42px; display: block; width: 15px; height: 13px; background-image: url(../images/more.png); background-position: top right; background-repeat: no-repeat; transition: 0.4s;}
.inpageNav ul li.on a{ background: #FBFBFB;}
.inpageNav ul li.on span{ color: #1264C0; padding-left: 10px;}
.inpageNav ul li.on span::before{ height: 15px;}
.inpageNav ul li.on i{ background-position: top left;}
.inpageNav ul li:hover a{ background: #FBFBFB;}
.inpageNav ul li:hover span{ color: #1264C0; padding-left: 10px;}
.inpageNav ul li:hover span::before{ height: 15px;}
.inpageNav ul li:hover i{ background-position: top left;}
.inpageBox{ width: calc(100% - 360px); background: #fff; padding: 20px 43px 50px 43px; box-sizing: border-box;}
.inpageBox .inpageTitle{ height: 68px; line-height: 68px; border-bottom: 2px #E5E5E5 solid;}
.inpageBox .inpageTitle h3{position: relative; font-weight: 500; color: #1264C0;}
.inpageBox .inpageTitle h3::before{ content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 4px; background: #1264C0;}
.clibm{ color: #666666;}
.clibm a{ color: #666666; display: inline-block; padding-right: 6px; margin-left: 6px;}
.clibm img{ margin-right: 10px; position: relative; top: -1px;}
.clibm a:hover{ color: #1264C0;}
.paddingTop{padding-top: 30px;}
/*page*/
.page{ text-align: center; }
.page a{ display: inline-block; height: 50px; line-height: 50px; padding: 0 16px; min-width: 50px; box-sizing: border-box; background: #fff; border: 1px #ECECEC solid; margin: 0 2px; transition: 0.3s; font-size: 18px; color: #999999; text-align: center;}
.page a.on{ background: #1264C0; color: #fff;}
.page a:hover{ background: #1264C0; color: #fff;}
.page a.btn{width: 150px;}
.page a.prev{ margin-right: 40px;}
.page a.next{ margin-left: 40px;}
/*关于我们*/
.inpage{ margin-top: 16px;}
.word .wordTitle{text-align: center; font-size: 22px; color: #111111; font-weight: normal; margin-bottom: 30px;}
.word{ line-height: 2; color: #333333; text-align: justify;}
.word img{max-width: 100%; height: auto !important;}
/*中心荣誉*/
.honorList ul li{ float: left; width: 23.43%; margin-right: 2.09%; margin-bottom: 50px;}
.honorList ul li:nth-child(4n){ margin-right: 0;}
.honorList ul li .pic em{display: block; padding-bottom: 67.54%;}
.honorList ul li p{ text-align: center; font-size: 18px; height: 20px; line-height: 20px; margin-top: 18px;}
.honorList ul li a{ display: block; transition: 0.5s;}
.honorList ul li a:hover p{ color: #146ED1;}
.honorList ul li a:hover{ transform: translateY(-6px);}
/*新闻列表*/
.newsList ul{padding-bottom: 35px;}
.newsList ul li{margin-bottom: 15px;}
.newsList ul li a{height: 70px; line-height: 70px; background: #F9F9F9; padding: 0 36px 0 20px; transition: 0.4s;}
.newsList ul li a p{position: relative; width: calc(100% - 146px); height: 100%; color: #111111; padding-left: 14px; box-sizing: border-box; transition: 0.4s;}
.newsList ul li a p::before{ content: ""; position: absolute; top: 50%; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #D8D8D8; transform: translateY(-50%); transition: 0.4s;}
.newsList ul li a i{ color: #666666; transition: 0.4s;}
.newsList ul li a:hover{ background: #1264C0;}
.newsList ul li a:hover p,.newsList ul li a:hover i{ color: #fff;}
.newsList ul li a:hover p::before{background: #fff;}
/*新闻详情*/
.newsTitle{ margin-bottom: 32px;}
.newsTitle h3{ line-height: 46px; color: #111111; font-weight: 500; text-align: center;}
.newsTitle .tit{ margin-top: 30px; height: 56px; line-height: 56px; border-top: 1px #ECECEC solid; border-bottom: 1px #ECECEC solid;}
.newsTitle .tit .left span{ color: #666666; padding-right: 26px;}
.newsTitle .tit .left span:last-child{ padding-right: 0;}
.newsTitle .tit .right .share{ display: flex; align-items: center; color: #666666;}
.newsTitle .tit .right a{ display: block; margin-left: 10px;}
.newsTitle .tit .right a img{position: relative; top: -2px; width: 35px; vertical-align: middle; transition: 0.1s; filter: brightness(0) invert(0.85);}
.newsTitle .tit .right a:hover img{ filter: none;}
.inpageLink{ margin-top: 30px; padding-top: 22px; border-top: 1px #ECECEC solid;}
.inpageLink .item{height: 16px; line-height: 16px; color: #333333;}
.inpageLink .item:first-child{ margin-bottom: 12px;}
.inpageLink .item a{ color: #666666; transition: 0.3s;}
.inpageLink .item a:hover{ color: #1264C0;}
/*适配服务*/
.serviceClibm{display: flex; justify-content: flex-end; margin-top: 26px;}
.serviceBox{ padding-top: 59px;}
.serviceBox .title{position: relative; text-align: center; color: #111111; font-weight: normal; padding-bottom: 15px; margin-bottom: 24px;}
.serviceBox .title::before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 36px; height: 4px; background: #1264C0; transform: translateX(-50%);}
.serviceOne .word{max-width: 1030px; margin: 0 auto; width: 100%; text-align: center;}
.serviceOne .scrollBox{position: relative; margin-top: 44px;}
.serviceOne .scrollBox .scroll{ overflow: hidden; max-width: 1051px; margin: 0 auto; width: 100%; border-right: 1px #DFDFDF solid;}
.serviceOne .scrollBox .scroll li a{ background: #FCFCFC; height: 120px; border: 1px #DFDFDF solid; box-sizing: border-box; border-right: none; padding: 0 32px; transition: 0.4s;}
.serviceOne .scrollBox .scroll li a .text h3{ color: #1264C0; font-weight: normal; transition: 0.4s;}
.serviceOne .scrollBox .scroll li a .text p{ color: #999999; text-transform: uppercase; margin-top: 6px; transition: 0.4s;}
.serviceOne .scrollBox .scroll li.on a,.serviceOne .scrollBox .scroll li:hover a{ background: #1264C0;}
.serviceOne .scrollBox .scroll li.on a .text h3,.serviceOne .scrollBox .scroll li:hover a .text h3{ color: #fff;}
.serviceOne .scrollBox .scroll li.on a .text p,.serviceOne .scrollBox .scroll li:hover a .text p{color: rgba(255,255,255,0.6);}
.serviceOne .scrollBox .scroll li.on a .icon img,.serviceOne .scrollBox .scroll li:hover a .icon img{ filter: brightness(0) invert(1);}
.serviceOne .scrollBox .btnBox{display: none; justify-content: space-between; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.serviceOne .scrollBox .btnBox.show{ display: flex;}
.serviceOne .scrollBox .btnBox .btn{ cursor: pointer; transition: 0.3s;}
.serviceOne .scrollBox .btnBox .prev img{ transform: rotate(180deg);}
.serviceOne .scrollBox .btnBox .swiper-button-disabled{opacity: 0.3;}
.serviceTwo .box{ margin-top: 77px;}
.serviceTwo .box .tit{ font-weight: 500; color: #1264C0;}
.serviceBox .scrollTwo{position: relative; margin-top: 40px; padding-bottom: 46px; overflow: hidden;}
.serviceBox .scrollTwo ul li .pic{ overflow: hidden; border: 1px #E0E0E0 solid;}
.serviceBox .scrollTwo ul li .pic em{ display: block; padding-bottom: 70.58%;}
.serviceBox .scrollTwo ul li p{ margin-top: 23px; color: #333333; height: 20px; line-height: 20px; text-align: center;}
.serviceBox .scrollTwo .btn{ bottom: 0;}
.serviceBox .scrollTwo .btn span{ background: #1264C0; transition: 0.4s;}
.serviceBox .scrollTwo .btn span.swiper-pagination-bullet-active{ width: 28px; border-radius: 4px;}
.serviceTwo .box .word{ margin-top: 22px;}
.serviceTwo .box3{ margin-top: 46px;}
.serviceThree{ background: url(../images/serviceThreeBg.jpg) no-repeat bottom right; background-size: cover; margin-top: 77px; padding-bottom: 73px;}
.serviceThree .box{ padding: 64px 46px 46px 54px; box-sizing: border-box; background: #fff; margin-top: 60px;}
.serviceThree .box .textBox{padding-right: 92px; overflow-y: auto; max-height: 520px;}
.serviceThree .box .textBox ul li{ position: relative; padding: 18px 0; border-top: 1px #E5E5E5 dashed; padding-left: 47px;}
.serviceThree .box .textBox ul li:first-child{ border-top: none; padding-top: 6px;}
.serviceThree .box .textBox ul li:first-child i{ top: 4px;}
.serviceThree .box .textBox ul li i{display: block; position: absolute; top: 16px; left: 0; line-height: 30px; font-size: 30px; font-weight: bold; color: #1264C0; font-family: arial;}
.serviceThree .box .textBox ul li i::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 40px; height: 17px; border-radius: 8px; background: rgba(18,100,192,0.17);}
.serviceFour .scroll{ overflow: hidden; position: relative; margin-top: 55px;}
.serviceFour .scroll ul li p{transition: 0.3s;}
.serviceFour .scroll ul li .pic em{ transition: 0.7s;}
.serviceFour .scroll ul li a:hover p{ color: #1264C0;}
.serviceFour .scroll ul li a:hover .pic em{ transform: scale(1.05);}

.serviceFive{ background: #F8F9FA; margin-top: 60px; padding-bottom: 70px;}
.serviceFive .box{ margin-top: 55px; align-items: initial;}
.serviceFive .box .item{position: relative; width: 32.14%; background: #fff; padding: 32px 22px 22px 25px; box-sizing: border-box;}
.serviceFive .box .item::before{ content: ""; position: absolute; top: 36px; left: 0; width: 6px; height: 20px; background: #1264C0;}
.serviceFive .box .item h3{color: #1264C0; font-weight: 500; margin-bottom: 20px;}
.serviceFive .box .item .text{line-height: 26px;}
.serviceFive .box .item .text span{ display: inline-block; padding-right: 12px;}
.serviceFive .box .item .text .orderBtn{ display: block; width: 120px; height: 38px; text-align: center; line-height: 38px; margin-top: 10px; border: 1px #1264C0 solid; border-radius: 30px; color: #1264C0; transition: 0.4s;}
.serviceFive .box .item .text .orderBtn img{position: relative; top: -1px; margin-left: 4px;}
.serviceFive .box .item .text .orderBtn:hover{ background: #1264C0; color: #fff;}
.serviceFive .box .item .text .orderBtn:hover img{filter: brightness(0) invert(1);}
/*预约弹窗*/
.orderTan{display: none; background: #F6F6F6; padding: 53px 70px 50px 70px; box-sizing: border-box;}
.orderTan .title{position: relative; text-align: center; color: #111111; font-weight: normal; padding-bottom: 15px; margin-bottom: 40px;}
.orderTan .title::before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 36px; height: 4px; background: #D8D8D8; transform: translateX(-50%);}
.orderTan .form .item{width: 100%; height: 66px; line-height: 66px; background: #fff; border-radius: 5px; padding: 0 22px 0 27px; box-sizing: border-box; margin-bottom: 20px; align-items: flex-start;}
.orderTan .form .item .text{ flex: 1; height: 100%; justify-content: flex-end;}
.orderTan .form .itemBox .item{ width: 49.2%;}
.orderTan .form .item .text label{cursor: pointer; display: inline-block; margin-left: 20px;}
.orderTan .form .item .text label input{margin-right: 4px;}
.orderTan .form .textareaItem{ height: 169px;}
.orderTan .form .textareaItem .text{margin:22px 0; box-sizing: border-box; resize: none; height: calc(100% - 48px);}
.orderTan .form .yanItem .item{position: relative; padding-right: 260px;}
.orderTan .form .yanItem .item .yanImg{position: absolute; top: 0; right: 0; height: 100%; width: 224px; cursor: pointer;}
.orderTan .form .btnBox{ margin-top: 38px;}
.orderTan .form .btnBox .btn{ display: block; border: 1px #1264C0 solid; width: 150px; height: 45px; line-height: 45px; text-align: center; border-radius: 30px; color: #1264C0; margin: 0 7px; transition: 0.3s;}
.orderTan .form .btnBox .btn.button{ background: #1264C0; color: #fff;}
.orderTan .form .btnBox .btn:hover{ transform: translateY(-4px);}
.layui-layer{ background: #F6F6F6 !important;}

/*全省建设*/
.procinceBox{ width: 100%;}
.procince{ align-items: flex-start;}
.procince .proText{ height: 814px; overflow-y: auto; width: 384px;}
.procince .proText ul{margin-right: 20px; background: #F8F8F8; border: 1px #E4E4E4 solid; min-height: 100%; box-sizing: border-box; }
.procince .proText ul li{ padding: 20px 26px 19px 26px; border-bottom: 1px #E4E4E4 solid; cursor: pointer;}
.procince .proText ul li h3{position: relative; padding-left: 14px; color: #333333; line-height: 1; font-weight: normal;}
.procince .proText ul li h3::before{ content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #A1A1A1;}
.procince .proText ul li .text{line-height: 24px; color: #666; margin-top: 10px;}
.procince .proMapBox{ width: calc(100% - 430px);}
.aMapWrap{width: 1068px;height: 679px;position: relative;background: url(../images/Africa_map.png) no-repeat 5px 0;padding-left: 10px; transform: scale(0.86) translate(-10%,-50px);}
.aMapWrap svg g{cursor: pointer;}
.aMapWrap svg text{fill:#333;font-size: 18px;}
.aMapWrap svg text.red{fill: #ff0000;color: #f00;font-weight: bold;}
.aMapWrap svg path{fill:#ffffff;stroke-width: 1px;stroke:#ddd;}
.aMapWrap svg g .cir1{stroke:#136FC7; fill:none;}
.aMapWrap svg g .cir2{fill:#136FC7; stroke:none;}

.aMapWrap svg #g1 path{fill:#FFFBFB;}
.aMapWrap svg #g2 path{fill:#FFFDFF;}
.aMapWrap svg #g3 path{fill:#FFFDFA;}
.aMapWrap svg #g4 path{fill:#FFFEFC;}
.aMapWrap svg #g5 path{fill:#FFFBFB;}
.aMapWrap svg #g6 path{fill:#FFFBFB;}
.aMapWrap svg #g7 path{fill:#FAFDFF;}
.aMapWrap svg #g8 path{fill:#FFFDFA;}
.aMapWrap svg #g9 path{fill:#FFFEFC;}
.aMapWrap svg #g10 path{fill:#FFFBFB;}
.aMapWrap svg #g11 path{fill:#FFFEFC;}
.aMapWrap svg #g11 path{fill:#FFFEFC;}
.aMapWrap svg #g12 path{fill:#FAFDFF;}
.aMapWrap svg #g13 path{fill:#FFFBFB;}
.aMapWrap svg #g14 path{fill:#FAFDFF;}
.aMapWrap svg #g15 path{fill:#FFFEFC;}
.aMapWrap svg #g16 path{fill:#FFFDFF;}
.aMapWrap svg #g17 path{fill:#FFFEFC;}

.procince .proMapBox .text h3{ color: #136FC7; margin-bottom: 10px;}
.procince .proMapBox .text .txt{line-height: 24px; color: #333333;}

.aMapWrap svg g.on path{fill: #136FC7 !important;}
.aMapWrap svg g.on text{ fill: #fff;}
.aMapWrap svg g.on .cir1{stroke:#fff; fill:none;}
.aMapWrap svg g.on .cir2{fill:#fff; stroke:none;}
.procince .proText ul li.on{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-bottom: none;}
.procince .proText ul li.on h3{ color: #136FC7; font-weight: bold;}
.procince .proText ul li.on h3::before{ background: #136FC7;}

/*新的网络服务*/
.procinceMap iframe{ width: 100%; height: 600px; border: 1px #ddd solid; box-sizing: border-box;}

/*专题专栏*/
.specialList{ padding-bottom: 30px;}
.specialList ul li{ float: left; width: 32.18%; margin-right: 1.73%; margin-bottom: 20px;}
.specialList ul li:nth-child(3n){ margin-right: 0;}
.specialList ul li .pic{ overflow: hidden;}
.specialList ul li .pic em{display: block; padding-bottom: 36.24%;}
.specialList ul li p{ background: #F5F5F5; color: #333333; height: 60px; line-height: 60px; text-align: center; padding: 0 10px; transition: 0.4s;}
.specialList ul li a{ display: block; transition: 0.4s;}
.specialList ul li a:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.specialList ul li a:hover p{  color: #136FC7; background: #fff;}

/*视频列表*/
.videoList ul{ padding-bottom: 30px;}
.videoList ul li{ float: left; width: 31.35%; margin-right: 2.975%; margin-bottom: 20px;}
.videoList ul li:nth-child(3n){ margin-right: 0;}
.videoList ul li a{ display: block; transition: 0.4s;}
.videoList ul li .pic{position: relative; overflow: hidden;}
.videoList ul li .pic em{ display: block; padding-bottom: 69.1%;}
.videoList ul li .pic .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); transition: 0.5s;}
.videoList ul li .text{ background: #F5F5F5; padding:20px 25px;}
.videoList ul li .text h3{ color: #333; font-weight: normal; font-size: 16px; height: 26px; line-height: 26px;}
.videoList ul li .text .time{ color: #146ED1; margin-top: 4px;}
.videoList ul li .text .time img{ position: relative; top: 2px; margin-right: 9px;}
.videoList ul li a:hover{ box-shadow: 0 0 10px rgba(0,40,83,0.2);}
.videoList ul li a:hover .pic .mask{background: rgba(0,60,125,0.5);}
.videoList ul li a:hover .text{ background: #fff;}
.videoList ul li a:hover .text h3{ color: #146ED1;}

/*联系我们*/
.contact{align-items: initial;}
.contact .map{ width: calc(100% - 346px);}
.contact .map iframe{ width: 100%; height: 100%; border: none; }
.contact .text{ background: rgba(14,80,153,0.83); width: 346px; color: #fff; padding: 50px 34px; box-sizing: border-box; line-height: 28px;}
.contact .text .item{position: relative; padding-left: 30px; margin-top: 15px;}
.contact .text .item:first-child{ margin-top: 0;}
.contact .text .item img{position: absolute; top: 5px; left: 0;}
.contact .text .item a{ color: #fff; transition: 0.3s;}
.contact .text .item a:hover{ opacity: 0.7;}

.pdf{ height: 800px; padding-bottom: 20px; background: #3f3f3f; width: 80%; margin: 0 auto;}
.pdf iframe{ height: 100%;}

@media screen and (max-width: 1600px){
	/*全省建设*/
	.aMapWrap{transform: scale(0.78) translate(-18%,-50px);}
	
	.indexTab a{margin-right: 20px; padding-right: 20px;}
}


@media screen and (max-width: 1500px){
	.header{height: 300px;}
	.indexTwo .picBox{ width: 700px;}
	.indexTwo .textBox{width: calc(100% - 726px);}
	.indexSix .left .box ul li .pic em{padding-bottom: 186px;}
	.indexSix .right .pic a{ padding-bottom: 110px;}
	.indexSix .right .indexList li a{ height: 55px; line-height: 55px;}
	.footer .left{ width: calc(100% - 180px);}
	.footer .left .textBox{ font-size: 14px;}
	/*page*/
	.page a.btn{width: auto;}
	.page a.prev{ margin-right: 2px;}
	.page a.next{ margin-left: 2px;}
	/*预约弹窗*/
	.layui-layer{width: 90% !important;}
	/*全省建设*/
	.aMapWrap{transform: scale(0.7) translate(-24%,-80px);}
	.procince .proMapBox .text{ margin-top: -80px;}
	
	.indexTab a{ font-size: 18px; margin-right: 12px; padding-right: 12px;}
}

@media screen and (max-width: 1400px){
	/*全省建设*/
	.aMapWrap{transform: scale(0.6) translate(-36%,-150px);}
	.procince .proMapBox .text{ margin-top: -150px;}
	.pdf{ width: 100%;}
}

@media screen and (max-width: 1300px){
	.indexTwo .picBox{width: 580px; height: 434px;}
	.indexTwo .textBox{ width: calc(100% - 600px);}
	.indexTab a{font-size: 16px; margin-right: 10px; padding-right: 10px;}
	.indexList li a{ height: 50px; line-height: 50px;}
	.footer .left{ width: calc(100% - 150px);}
	.footer .left .link .item span{ font-size: 14px; padding-left: 10px;}
	/*内页*/
	.inpageNav{ width: 300px;}
	.inpageBox{ width: calc(100% - 320px);}
	/*page*/
	.page a{height: 42px; line-height: 42px; font-size: 15px; min-width: 42px; padding: 0 6px;}
	/*荣誉*/
	.honorList ul li{ width: 32%; margin-right: 2%;}
	.honorList ul li:nth-child(4n){ margin-right: 2%;}
	.honorList ul li:nth-child(3n){ margin-right: 0;}
	/*全省建设*/
	.procinceBox{ width: 100%;}
	/*专题专栏*/
	.specialList ul li{ width: 48%; margin-right: 0;}
	.specialList ul li:nth-child(2n){ float: right;}
}

@media screen and (max-width: 1270px){
	/*全省建设*/
	.aMapWrap{transform: scale(0.5) translate(-48%,-150px);}
	.procince .proMapBox .text{ margin-top: -150px;}
}

@media screen and (max-width: 1200px){
	/*首页*/
	.w1400{ width: 94%;}
	.header{ height: 250px;}
	.nav-box{ display: none;}
	.menu{ display: block;}
	.indexOne{ margin-top: 0;}
	/*内页公用*/
	.inpageCon{ padding-top: 0;}
	.inpageNav{ width: 280px;}
	.inpageBox{ width: calc(100% - 310px);}
	/*全省建设*/
	.procinceBox{ width: 100%;}
	.procince{ display: block;}
	.procince .proText{ width: 100%; height: 349px;}
	.procince .proMapBox{ width: 100%;}
	.aMapWrap{transform: scale(0.8) translate(-12%,-50px);}
	.procince .proMapBox .text{ margin-top: -30px;}
	
	
}

@media screen and (max-width: 1020px){
	/*首页*/
	.header{ height: 160px;}
	/*part2*/
	.indexPart{ margin-top: 20px;}
	.indexOne{ margin-top: 0;}
	.indexTwo{ display: block;}
	.indexTwo .picBox{ width: 100%; height: auto;}
	.indexTwo .picBox ul li a em{ height: 0; padding-bottom: 62%;}
	.indexTwo .textBox{ width: 100%; margin-top: 20px;}
	/*part5*/
	.indexFive{flex-wrap: wrap;}
	.indexFive .left{ width: 100%; margin-bottom: 20px;}
	.indexFive .center{ width: 54%;}
	.indexFive .right{ width: 40%;}
	/*part6*/
	.indexSix{ display: block;}
	.indexSix .left{ width: 100%;}
	.indexSix .right{ width: 100%; margin-top: 20px;}
	.indexSix .right .pic a{ padding-bottom: 28%;}
	.indexSevenTan .box{ width: 80%;}
	/*footer*/
	.footer{ padding: 20px 0;}
	.footer .w1400{display: block;}
	.footer .right{ margin: 0 auto;}
	.footer .left{ width: 100%; margin-top: 10px;}
	.footer .left .link .item span{ font-size: 13px;}
	/*内页公用*/
	.inpageNav{ display: none;}
	.inpageBox{ width: 100%;}
	/*适配服务*/
	.serviceBox{ padding-top: 30px;}
	.serviceOne .scrollBox .scroll li a{ padding: 0 18px;}
	.serviceTwo .box{ margin-top: 30px;}
	.serviceThree .box{ margin-top: 30px; padding: 40px 30px 30px 40px;}
	.serviceThree .box .textBox{ padding-right: 40px;}
	/*预约弹窗*/
	.orderTan{padding: 30px;}
	.orderTan .form .yanItem .item{ width: 100%;}
	/*全省建设*/
	.aMapWrap{transform: scale(0.6) translate(-36%,-100px);}
	.procince .proMapBox .text{ margin-top: -100px;}
	/*联系我们*/
	.contact{ display: block; height: auto;}
	.contact .map{ width: 100%; height: 300px;}
	.contact .text{ width: 100%;}
}

@media screen and (max-width: 760px){
	.fz32{font-size: 26px;}
	.fz30{font-size: 24px; }
	.fz28{font-size: 22px; }
	.fz26{font-size: 20px; }
	.fz25{font-size: 20px; }
	.fz24{font-size: 20px;}
	.fz22{font-size: 18px;}
	.fz20{font-size: 16px;}
	.fz18{font-size: 16px; }
	.fz16{font-size: 15px;}
	.fz14{font-size: 14px;}
	/*header*/
	.header{ height: 80px;}
	.header .box .right .form{ display: none;}
	.header .searchIcon{ display: block;}
	.header .box .right .phone{ margin-bottom: 0; padding-right: 0; margin-right: 10px;}
	.header .box .right .phone *{ display: none;}
	.header .box .right .phone img,.header .searchIcon img{ display: block; width: 16px; max-width: 16px; filter: brightness(0) invert(0.4);}
	.header .box .logo{ margin-right: 10px;}
	.header .box .logo img{ height: 38px;}
	/*part1*/
	.indexOne{ height: 74px;}
	.indexOne .scrollBox{ width: calc(100% - 40px);}
	.indexOne .scrollBox ul li a{ padding-top: 16px;}
	.indexOne .scrollBox ul li a .time{ padding-right: 10px; width: 64px; padding-left: 10px;}
	.indexOne .scrollBox ul li a .time::before{ height: 32px;}
	.indexOne .scrollBox ul li a .time b{ font-size: 16px;}
	.indexOne .scrollBox ul li a .time span{font-size: 12px;}
	.indexOne .scrollBox ul li a .text{ width: calc(100% - 70px); padding: 0 10px;}
	.indexOne .scrollBox ul li a .text h3{ font-size: 16px; height: 18px; line-height: 18px;}
	.indexOne .scrollBox ul li a .text .txt{ font-size: 13px; margin-top: 0; line-height: 18px; height: 18px; margin-top: 6px;}
	.indexOne .scrollBtn{width: 36px;}
	.indexOne .scrollBtn .btn img{ height: 8px;}
	/*part2*/
	.indexTwo .picBox ul li a .text{padding: 30px 14px 20px 14px;}
	.indexTwo .picBox .swiper-pagination{ display: none;}
	.indexTwo .picBox .btn{ width: 26px; height: 50px;}
	.indexTwo .picBox .btn img{ width: 8px;}
	.indexTwo .picBox ul li a .text .time{ font-size: 14px;}
	.indexTwo .picBox ul li a .text h3{ font-size: 16px;}
	.indexList li a i{ font-size: 13px;}
	.indexList li a p{ font-size: 16px; width: calc(100% - 90px);}
	/*part3*/
	.indexThree ul li a{padding-bottom: 16%;}
	.indexThree .swiper-pagination{ bottom: 4px;}
	.indexThree .swiper-pagination span{ width: 6px; height: 6px;}
	.indexThree .swiper-pagination span.swiper-pagination-bullet-active{ width: 12px;}
	/*part4*/
	.indexFour .box ul li a .title{ font-size: 18px;}
	.indexFour .box ul li a:hover{ transform: none;}
	/*part5*/
	.indexFive .center{ width: 100%; margin-top: 20px;}
	.indexFive .right{ width: 100%; }
	.indexFive .right .list li a h3{ margin-top: 6px;}
	.indexFive .right img{ height: auto;}
	.indexFive .left{ margin-top: 20px;}
	/*part7*/
	.indexSeven .btn{ width: 30px; height: 50px;}
	.indexSeven .box{ padding-bottom: 0;}
	.indexSeven .swiper-pagination{ display: none;}
	.indexSeven{ margin-bottom: 20px;}
	.indexSeven .box ul li p{ font-size: 16px;}
	/*footer*/
	.footer .left .link{ flex-wrap: wrap;}
	.footer .left .link .item{ width: 100%; margin-top: 10px;}
	.footer .left .textBox{ line-height: 28px;}
	.footer .left .link .item span{ height: 36px; line-height: 36px;}
	.footer .left .link .item span::after{ top: 16px;}
	/*内页公用*/
	.inpageCon{ padding-bottom: 26px;}
	.inpageBox{ padding:10px 20px 20px 20px;}
	.inpageBox .inpageTitle{height: 42px; line-height: 42px;}
	.clibm{ display: none;}
	.inpage{ margin-top: 0;}
	.paddingTop{ padding-top: 20px;}
	.word .wordTitle{ font-size: 18px; margin-bottom: 10px;}
	/*page*/
	.page a{ display: none;}
	.page a.btn,.page a.on{ display: inline-block; height: 36px; line-height: 36px; min-width: 36px;}
	/*荣誉*/
	.honorList ul li{width: 49%; margin-right: 0; margin-bottom: 20px;}
	.honorList ul li:nth-child(4n){ margin-right: 0;}
	.honorList ul li:nth-child(2n){ float: right;}
	.honorList ul li p{ font-size: 15px; margin-top: 10px;}
	/*新闻列表*/
	.newsList ul{padding-bottom: 5px;}
	.newsList ul li a{display: block; height: auto; line-height: 30px; padding: 10px;}
	.newsList ul li a p{ width: 100%; height: 30px;}
	.newsList ul li a i{ font-size: 14px; padding-left: 14px;}
	/*新闻详情*/
	.newsTitle{margin-bottom: 14px;}
	.newsTitle h3{ font-size: 22px; line-height: 32px;}
	.newsTitle .tit{ margin-top: 16px; display: block; height: auto; line-height: 30px; padding: 10px 0;}
	.newsTitle .tit .left{ display: flex; justify-content: space-between;}
	.newsTitle .tit .left span{ padding-right: 0;}
	.newsTitle .tit .right a img{ width: 30px;}
	.inpageLink{ margin-top: 20px;}
	/*适配服务*/
	.serviceClibm{ display: none;}
	.serviceBox{ padding-top: 20px;}
	.serviceBox .title{ margin-bottom: 14px;}
	.serviceOne .scrollBox{ margin-top: 20px;}
	.serviceOne .scrollBox .scroll li a .text p{display: none; font-size: 12px;}
	.serviceOne .scrollBox .scroll li a{ padding: 0 8px; justify-content: center; align-items: center; height: 60px;}
	.serviceOne .scrollBox .scroll li a .icon{ display: none;}
	.serviceBox .scrollTwo{ margin-top: 20px;}
	.serviceTwo .box{ margin-top: 20px;}
	.serviceThree{ margin-top: 20px; padding-bottom: 20px;}
	.serviceThree .box{ margin-top: 30px; padding: 30px 14px 30px 14px;}
	.serviceThree .box .textBox ul li i{ font-size: 22px;}
	.serviceThree .box .textBox ul li i::after{ width: 30px; height: 12px;}
	.serviceThree .box .textBox{ padding-right: 14px;}
	.serviceFive{ margin-top: 20px; padding-bottom: 20px;}
	.serviceFive .box{ margin-top: 20px; display: block;}
	.serviceFive .box .item{ width: 100%; margin-bottom: 10px;}
	/*预约弹窗*/
	.orderTan{ padding: 20px;}
	.orderTan .title{ margin-bottom: 14px; font-size: 18px;}
	.orderTan .form .itemBox{ display: block;}
	.orderTan .form .itemBox .item{ width: 100%;}
	.orderTan .form .item{ height: 42px; line-height: 42px; padding: 0 14px; margin-bottom: 10px;}
	body .custom-skin .layui-layer-setwin .layui-layer-close2:after{ width: 26px; height: 26px;}
	body .custom-skin .layui-layer-setwin .layui-layer-close2{ right: -30px; top: -44px;}
	.orderTan .form .yanItem .item{ padding-right: 0;}
	.orderTan .form .yanItem .item .yanImg{ width: 100px;}
	.orderTan .form .btnBox{ margin-top: 14px;}
	.orderTan .form .btnBox .btn{ height: 36px; line-height: 36px;}
	/*全省建设*/
	.procince .proMapBox .proMap{ display: none;}
	.procince .proMapBox .text{ margin-top: 40px;}
	.procince .proText{ height: 343px;}
	.procince .proText ul li{padding: 20px 14px 19px 14px;}
	.procince .proText ul{ margin-right: 8px;}
	.procince .proText ul li .text{ font-size: 12px;}
	/*专题专栏*/
	.specialList ul li{ width: 100%; }
	.specialList ul li p{ height: 46px; line-height: 46px;}
	.specialList{ padding-bottom: 0;}
	/*视频列表*/
	.videoList ul{ padding-bottom: 0;}
	.videoList ul li{ width: 100%; margin-right: 0;}
	/*联系我们*/
	.contact .text{ padding: 20px;}
	.pdf{ height: 492px;}
}